<template>
  <!-- 初审  begin -->
  <div class="main order-wrapper">
    <h2 class="chuShen_box_title">{{ $t("m.shzx") }}</h2>
    <div class="chuShen_box_list">
      <!-- 管理员列表 -->
      <div class="chuShen_box_list_admin" v-if="userAdmin">
        <div class="admin_head" style="margin-bottom: 30px;">
          <div class="admin_head_select">

            <div class="items">
              <div class="label">{{$t('m.chushen')}}</div>
              <Select v-model="adminFirstInstanceData" class="ivu-input-w200" @on-change="adminFirstInstance" v-bind:placeholder="$t('m.chushen')">
                <Option :value="''">{{ $t("m.entire") }}</Option>
                <Option v-for="item in adminFirstInstanceDataList" :value="item.account" :key="item.account">{{ item.account }}</Option>
              </Select>
            </div>

            <div class="items">
              <div class="label">{{$t('m.chūshěnzhuàngtài')}}</div>
              <!-- <Input type="text" class="ivu-input-w200" v-model="reqId" :placeholder="$t('m.cName')"/> -->
              <Select v-model="adminFirstStatusData" class="ivu-input-w200" @on-change="adminFirstStatus" v-bind:placeholder="$t('m.chūshěnzhuàngtài')">
                <Option :value="''">{{ $t("m.entire") }}</Option>
                <Option :value="'waiting_to_pick'">{{
                  $t("m.wèifēnpèi")
                }}</Option>
                <Option :value="'checking_first'">{{
                  $t("m.chūshěnzhōng")
                }}</Option>
                <Option :value="'pass_first'">{{
                  $t("m.chūshěntōngguò")
                }}</Option>
                <Option :value="'hanging_first'">{{ $t("m.guàqǐ") }}</Option>
                <Option :value="'reject_first'">{{
                  $t("m.chūshěnjùjué")
                }}</Option>
              </Select>
            </div>
            <div style="margin-top:20px;">
            <Button class="parameter_button">{{$t('m.recycle')}}</Button>
            <Button class="parameter_button" type="primary">{{$t('m.cháxún')}}</Button>

            </div>
          </div>
          <button class="btn btn-primary admin_head_select_button" @click="adminAllotButton = true" v-if="chuShenSelectData.length">
            +{{ $t("m.fēnpèi") }}
          </button>
          <button v-else class="btn btn-primary admin_head_select_button_no" @click="chuShenSelectDataHint">
            +{{ $t("m.fēnpèi") }}
          </button>
        </div>
        <div class="admin_content">
          <Table border :loading="chuShenListDataLoading" ref="selection" :columns="chuShenList" :data="chuShenListData" @on-selection-change="chuShenSelectTable"></Table>
        </div>
        <div class="admin_page">
          <Page :total="chuShenPageSize" :current.sync="chuShenPages" :page-size-opts="[1, 10, 20, 40, 80, 100]" show-total show-elevator show-sizer @on-change="chuShenWritePage" @on-page-size-change="chuShenClickPage" style="margin: 15px 0;"></Page>
        </div>
      </div>
      <!-- 普通用户列表 -->
      <div class="chuShen_box_list_ordinary" v-else>

        <div id="identifyBeginDiv" style="float:right;margin-right:2%;margin-top: -50px;">
          <!-- <Button type="warning" v-if="noshow == 0" @click="allfaHui()">{{$t('m.asb')}}</Button> -->
          <Button type="success" v-if="noshow == 0" @click="jieDan()">{{$t('m.orderTaking')}}</Button>
        </div>
        <table class="table table-hover table-condensed" border>
          <thead>
            <tr>
              <td>{{ $t("m.orderGid") }}</td>
              <td>{{ $t("m.userName") }}</td>
              <td>{{ $t("m.phone") }}</td>
              <td>{{ $t("m.shēnfènzhènghào") }}</td>
              <td>{{ $t("m.applyTime") }}</td>
              <td>{{ $t("m.userNumber") }}</td>
              <td>{{ $t("m.loanMount") }}</td>
              <td>{{ $t("m.loanTimeLimit") }}</td>
              <td>{{ $t("m.csry") }}</td>
              <td style="width:100px;">{{ $t("m.operate") }}</td>
            </tr>
          </thead>
          <tr v-for="item in chuShenListData" class="identifyList" :dataid="item.id">
            <td>{{ item.orderGid }}</td>
            <td>{{ item.fullName }}</td>
            <td>{{ item.phone }} <span class="twoLoans" v-show="item.loanCount">ER{{item.loanCount}}</span></td>
            <td>{{ item.idNumber }}</td>
            <td>{{ item.ctime }}</td>
            <td>{{ item.userId }}</td>
            <td>{{ item.loanAmount }}</td>
            <td>{{ item.loanDays }}</td>
            <td>{{ item.checkerFirst }}</td>
            <td>
              <button class="ivu-btn ivu-btn-success ivu-btn-long ivu-btn-small" @click="detailsIndexQuery(item.userId, item.orderGid),guaQiButton=true">
                {{ $t("m.detail") }}
              </button>
            </td>
          </tr>
        </table>
      </div>
      <!-- 挂起列表 -->
      <div class="chuShen_box_list_refuse">
        <h3 class="chuShen_box_title">{{ $t("m.hangUp") }}</h3>
        <table class="table table-hover table-condensed" border>
          <thead>
            <tr>
              <td>{{ $t("m.orderGid") }}</td>
              <td>{{ $t("m.userName") }}</td>
              <td>{{ $t("m.phone") }}</td>
              <td>{{ $t("m.shēnfènzhènghào") }}</td>
              <td>{{ $t("m.applyTime") }}</td>
              <td>{{ $t("m.userNumber") }}</td>
              <td>{{ $t("m.loanMount") }}</td>
              <td>{{ $t("m.loanTimeLimit") }}</td>
              <td>{{ $t("m.csry") }}</td>
              <td>{{ $t("m.operate") }}</td>
            </tr>
          </thead>
          <tr v-for="item in guaQiData" class="identifyList" :dataid="item.id">
            <td>{{ item.orderGid }}</td>
            <td>{{ item.fullName }}</td>
            <td>{{ item.phone }} <span class="twoLoans" v-show="item.loanCount">ER{{item.loanCount}}</span></td>
            <td>{{ item.idNumber }}</td>
            <td>{{ item.ctime }}</td>
            <td>{{ item.userId }}</td>
            <td>{{ item.loanAmount }}</td>
            <td>{{ item.loanDays }}</td>
            <td>{{ item.checkerFirst }}</td>
            <td style="padding: 3px">
              <!-- <Poptip style="margin-top: 3px" :title="$t('m.qǐngquèrènguàqǐ')" content="confirm">
                <div class="api" slot="content" v-model="poptip">
                  <div v-if="detailsIndexQueryInfoBox">
                    <Button size="small" @click="PutUPright" type="info">{{ $t('m.right')}}</Button>
                    <Button size="small" @click="PutUPcancel" type="error">{{ $t('m.cancel')}}</Button>
                  </div>
                </div>
                <Button size="small" @click="PutUPEvent(item.orderGid),detailsIndexQueryInfoBox=true" type="success">{{$t('m.guàqǐhuīfù')}}</Button>
              </Poptip> -->
                <Button size="small" @click="detailsIndexQuery(item.userId, item.orderGid),guaQiButton=false" type="success">{{$t('m.userDetails')}}</Button>
            </td>
          </tr>
        </table>
      </div>

      <!-- 弹窗 -->
      <div class="chuShen_box_popup">
        <!-- 资料详情弹出层 -->
        <Modal v-model="detailsBox" :title="$t('m.sUI')" width="70%">
          <div class="details_head">
            <div class="passButton">
              <button class="btn btn-success details_head_first" @click="pass()">
                {{ $t("m.pass") }}
              </button>
              <button class="btn btn-danger" @click="refuse()">
                {{ $t("m.refuse") }}
              </button>
              <!-- <button class="btn btn-warning" @click="fahui2()">
                {{ $t("m.sendBack") }}
              </button> -->
              <button class="btn btn-warning" @click="guaQi()" v-if="guaQiButton">
                {{ $t("m.hangUp") }}
              </button>

              <Input type="text" class="remark_inprt" v-model="remarkInfo" v-bind:placeholder="$t('m.qǐngtiánxiěshěnpībèizhù')" />
            </div>
          </div>
          <base-info :userId="baseInfoUserId" :orderGid="baseInfoOrderGid" :baseType="baseInfoType" v-if="detailsBox"></base-info>
          <div slot="footer"></div>
        </Modal>
        <!-- 分配初级人员 -->
        <Modal v-model="adminAllotButton" title="分配初级人员" @on-ok="adminAllotButtonOk" @on-cancel="adminAllotButtonCancel">
          <h4 style="  display: inline;  margin: 35px;">请选择</h4>
          <Select v-model="adminAllotSelectData" style="width:60%;margin:auto;" v-bind:placeholder="$t('m.chushen')">
            <Option v-for="item in adminFirstInstanceDataList" :value="item.account" :key="item.account">{{ item.account }}</Option>
          </Select>
        </Modal>
      </div>

      <Modal v-model="paSsModel" @on-ok="cpaSs" @on-cancel="">
        <p style="font-size: 20px">{{ $t("m.qǐngquèrèntōngguò") }}</p>
      </Modal>
      <Modal v-model="vetoModel" :title="$t('m.jùjuélǐyóu')" @on-ok="vetoFun" @on-cancel="">
        <p class="investor-item">
          <span class="admin-label">{{ $t("m.qǐngquèrènjùjué") }}:</span>
          <select v-model="reason" class="ivu-select form-control" style="height: 35px;width: 300px;">
            <option v-for="(item, index) in reasonList" :value="item.id" :key="index">{{ item.name }}</option>
          </select>
        </p>
      </Modal>
      <Modal v-model="guaQiModel" @on-ok="cguaQi" @on-cancel="">
        <p style="font-size: 20px">{{ $t("m.qǐngquèrènguàqǐ") }}</p>
      </Modal>
      <Modal v-model="faHuiModel" @on-ok="Cfahui" @on-cancel="">
        <p style="font-size: 20px">{{ $t("m.qǐngquèrènfāhuí") }}</p>
      </Modal>

    </div>
  </div>
  <!-- 审核中心 end -->
</template>

<script>
import BaseInfo from './common/baseInfo'
export default {
  name: 'chuShen',
  components: {
    BaseInfo
  },
  data () {
    return {
      guaQiButton:true,
      noshow: 0,
      poptip: false,
      bankinfo: [],
      orderGid: '',
      reason: '',
      chuShenListData: [],
      guaQiData: [],
      vetoModel: false,
      guaQiModel: false,
      faHuiModel: false,
      submitModel: false,
      paSsModel: false,
      userAdmin: false,
      adminPageSize: 10,
      adminAllotButton: false,
      baseInfoUserId: '',
      baseInfoOrderGid: '',
      baseInfoType: "2",
      creditOrderList: {},
      detailsBox: false,
      chuShenPageSize: 1,
      chuShenPages: 1,
      chuShenListDataLoading: true,
      chuShenSelectData: [],
      adminFirstInstanceData: '',
      adminFirstStatusData: '',
      adminAllotSelectData: '',
      detailsIndexQueryInfoBox: false,
      adminFirstInstanceDataList: [],
      reqId: "",
      remarkInfo: '',
      chuShenList: [
        {
          type: 'selection',
          width: 50,
          align: 'center'
        },
        {
          title: this.$t('m.orderGid'),
          key: 'orderGid',
          width: 200,
          align: 'center',
          width: '180'
        },
        {
          title: this.$t('m.userName'),
          key: 'fullName',
          width: 200,
          align: 'center',
          width: '180'
        },
        {
          title: this.$t('m.phone'),
          key: 'phone',
          width: 200,
          align: 'center',
          className: 'cleanTitle',
          render: (h, params) => {
            if (params.row.levelId > 1) {
              return h("div", {
                domProps: {
                  innerHTML: `<span>` + params.row.phone + `</span>` + `<span class='twoLoans'>` + params.row.levelName + `</span>` //渲染html内容
                }
              })
            } else {
              return h("div", {
                domProps: {
                  innerHTML: `<span>` + params.row.phone + `</span>` //渲染html内容
                }
              })
            }
          },
        },
        {
          title: this.$t('m.shēnfènzhènghào'),
          key: 'idNumber',
          width: 200,
          align: 'center'
        },
        {
          title: this.$t('m.applyTime'),
          key: 'ctime',
          width: 200,
          align: 'center'
        },
        {
          title: this.$t('m.userNumber'),
          key: "userId",
          align: "center",
          width: 200,
          // width: '80'
        },
        {
          title: this.$t('m.loanMount'),
          key: 'loanAmount',
          align: 'center',
          width: 200,
          // width: '80'
        },
        {
          title: this.$t('m.loanTimeLimit'),
          key: 'loanDays',
          align: 'center',
          width: 200,
          // width: '80'
        },
        {
          title: this.$t('m.csry'),
          key: 'checkerFirst',
          width: 200,
          align: 'center',
        },
        {
          title: this.$t('m.chūshěnzhuàngtài'),
          align: 'center',
          width: 200,
          render: (h, params) => {
            const {
              status,
              rejectReason,
              phone
            } = params.row;
            let txt = '';
            switch (status) {
              case 'waiting_to_pick':
                txt = this.$t('m.dàifēnpèi');
                break;
              case 'checking_first':
                txt = this.$t('m.chūshěnzhōng');
                break;
              case 'pass_first':
                txt = this.$t('m.chūshěntōngguò');
                break;
              case 'hanging_first':
                txt = this.$t('m.guàqǐ');
                break;
              case 'reject_first':
                txt = this.$t('m.chūshěnjùjué') + " (" + rejectReason + ")";
                break;
              default:
                break;
            }
            return h('span', txt);
          }
        },
        {
          title: this.$t('m.operate'),
          key: 'action',
          fixed: 'right',
          width: 150,
          align: 'center',
          render: (h, params) => {
            return h('div', [
              h('Button', {
                props: {
                    type: "success",
                    size: "small",
                    long: true
                },
                style: {
                    marginBottom: "10px",
                  // marginRight: '5px',
                  // padding: '5px',
                  // width: '55px',
                  // backgroundColor: '#337ab7'
                },
                on: {
                  click: () => {
                    this.detailsIndexQuery(params.row.userId, params.row.orderGid),
                    this.guaQiButton=true
                  }
                }
              }, this.$t('m.userDetails')),
            ]);
          }
        }
      ],
      reasonList: [{
        id: this.$t('m.insideBlack'),
        name: this.$t('m.insideBlack'),
      },
      {
        id: this.$t('m.thirdPartBlack'),
        name: this.$t('m.thirdPartBlack'),
      },
      {
        id: this.$t('m.fakeCi'),
        name: this.$t('m.fakeCi'),
      },
      {
        id: this.$t('m.companyInfoFake'),
        name: this.$t('m.companyInfoFake'),
      },
      {
        id: this.$t('m.infoFake'),
        name: this.$t('m.infoFake'),
      },
      {
        id: this.$t('m.overTimeIC'),
        name: this.$t('m.overTimeIC'),
      },
      {
        id: this.$t('m.icnxun'),
        name: this.$t('m.icnxun'),
      },
      {
        id: this.$t('m.tpla'),
        name: this.$t('m.tpla'),
      },
      {
        id: this.$t('m.necL'),
        name: this.$t('m.necL'),
      },
      {
        id: this.$t('m.necI'),
        name: this.$t('m.necI'),
      },
      {
        id: this.$t('m.nee'),
        name: this.$t('m.nee'),
      },
      {
        id: this.$t('m.net'),
        name: this.$t('m.net'),
      },
      {
        id: this.$t('m.m7od'),
        name: this.$t('m.m7od'),
      },
      {
        id: this.$t('m.industryL'),
        name: this.$t('m.industryL'),
      },
      {
        id: this.$t('m.LL'),
        name: this.$t('m.LL'),
      },
      {
        id: this.$t('m.pL'),
        name: this.$t('m.pL'),
      },
      {
        id: this.$t('m.arl'),
        name: this.$t('m.arl'),
      },
      {
        id: this.$t('m.other'),
        name: this.$t('m.other'),
      }

      ],
    }
  },
  methods: {
    // 获取初审人员列表
    chuShenQueryPerson () {
      var url = `/api/laocai/sys/account/list?roleName=checker&enable=1`
      this.$http.get(url).then(res => {
        if (res.data.code == 0) {
          this.adminFirstInstanceDataList = res.data.result.list;
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }
      })
    },
    // 请求数据
    chuShenQuery (pageNbm = 1) {
      this.chuShenListDataLoading = false
      let param = {},
        query = ''
      param.pageSize = this.adminPageSize,
        param.pageNumber = pageNbm,
        param.status = this.adminFirstStatusData,
        param.firstChecker = this.adminFirstInstanceData
      Object.keys(param).forEach((item, index) => {
        if (param[item]) {
          query += `${index === 0 ? '' : '&'}${item}=${param[item]}`;
        }
      });
      var url = `/api/laocai/check/order-list?${query}`
      this.$http.get(url).then((res) => {
        if (res.data.code == 0) {
          let adminDataList = res.data.result.list
          this.chuShenPageSize = res.data.result.size
          for (const key in adminDataList) {
            if (adminDataList[key].status == 'pass_first' || adminDataList[key].status == 'hanging_first' || adminDataList[key].status == 'reject_first') {
              adminDataList[key]['_disabled'] = true
            }
          }
          this.chuShenListData = adminDataList
        }
        if (!this.chuShenPageSize) {
          this.$Message.warning(this.$t('m.zhànshíméiyǒushùjù'));
          return
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }
      });
    },
    // 分配初审人员确定
    adminAllotButtonOk () {
      this.$axios({
        method: "post",
        url: "/api/laocai/check/first/assign",
        headers: {
          'x-peacock-auth': localStorage.getItem('x-peacock-auth'),
          'Content-Type': 'application/json;charset=UTF-8'
        },
        params: {},
        data: {
          orderGids: this.chuShenSelectData,
          operator: this.adminAllotSelectData
        }
      })
        .then(res => {
          if (res.data.code == 0) {
            this.chuShenQuery(1)
            this.adminAllotSelectData = ''
          } else {
            this.$Message.success(this.$t('m.errorCode' + res.body.code));
          }
        })
        .catch(error => {
          this.$Message.warning(this.$t('m.qǐngqiúcuòwù'));
          console.log(error);
        });
    },
    // 分配初审人员取消
    adminAllotButtonCancel () {
      this.adminAllotSelectData = ''
    },
    // 初审状态选择
    adminFirstStatus () {
      this.chuShenQuery(1)
    },
    // 初审人员选择
    adminFirstInstance (index) {
      this.chuShenQuery(1)
    },
    // 选择admin表格选择初审人员数据
    chuShenSelectTable (selection) {
      this.chuShenSelectData = []
      for (const key in selection) {
        this.chuShenSelectData.push(selection[key].orderGid)
      }
    },
    // 修改页数
    chuShenWritePage (index) {
      this.chuShenQuery(index)
    },
    // 修改每页条数
    chuShenClickPage (index) {
      this.adminPageSize = index
      this.chuShenQuery(1)
    },
    // 未选择数据分配按钮提示
    chuShenSelectDataHint () {
      this.$Message.warning(this.$t('m.qǐngxuǎnzéfēnpèishùjù'));
    },
    // 点击查看信息详情页面请求
    detailsIndexQuery (userId, orderGid) {
      this.baseInfoUserId = userId
      this.baseInfoOrderGid = orderGid
      this.orderGid = orderGid
      this.detailsBox = true
      this.remarkInfo = ''
    },
    PutUPcancel () {
      this.detailsIndexQueryInfoBox = false
      this.poptip = false
    },
    PutUPright () {
      this.$http.post('/api/laocai/check/first/hangup/cancel', {
        orderGid: this.orderGid
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQueryChange();
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }
      })
      this.detailsIndexQueryInfoBox = false
    },
    allfaHui () {
      this.$http.post('/api/laocai/check/first/return', {
        type: 'all'
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQueryChange()
        }
        this.$Message.success(this.$t('m.errorCode' + res.body.code));
      })
    },
    jieDan () {
      this.$http.post('/api/laocai/check/first/pop').then((res) => {
        if (res.body.code == 0) {
          this.chuShenQueryChange()
        }
        this.$Message.success(this.$t('m.errorCode' + res.body.code));
      })
    },
    Cfahui () {
      this.$http.post('/api/laocai/check/first/return', {
        orderGid: this.orderGid,
        type: "one",
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQuery()
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }

      })
    },
    PutUPEvent (orderGid) {
      this.orderGid = orderGid
    },
    cguaQi () {
      this.$http.post('/api/laocai/check/first/hangup/add', {
        orderGid: this.orderGid,
        remarkInfo: this.remarkInfo
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQueryChange()
          this.detailsBox = false

        }
        this.$Message.success(this.$t('m.errorCode' + res.body.code));

      })
    },
    chuShenQueryChange () {
      this.adminPageSize = 10
      this.chuShenQueryPutUP();
      this.chuShenQuery()
    },
    guaQi () {
      if (this.remarkInfo) {
        this.guaQiModel = true;
      } else {
        this.$Message.error(this.$t('m.qǐngshūrùbèizhù'));
      }
    },

    fahui2 () {
      // this.detailsBox = false
      this.faHuiModel = true;
    },
    refuse () {
      if (this.remarkInfo) {
        this.vetoModel = true;
      } else {
        this.$Message.error(this.$t('m.qǐngshūrùbèizhù'));
      }
    },
    pass () {
      if (this.remarkInfo) {
        this.paSsModel = true;
      } else {
        this.$Message.error(this.$t('m.qǐngshūrùbèizhù'));
      }
    },
    chuShenQueryPutUP () {
      var url = '/api/laocai/check/order-list?status=hanging_first';
      this.$http.get(url).then((res) => {
        if (res.body.code == 0) {
          this.guaQiData = res.body.result.list
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }

      });
    },
    // 通过
    cpaSs () {
      this.$http.post('/api/laocai/check/first/pass', {
        orderGid: this.orderGid,
        remarkInfo: this.remarkInfo
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQueryChange();
          this.detailsBox = false
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }

      })
    },
    vetoFun () { //否单提交操作
      this.$http.post('/api/laocai/check/first/reject', {
        orderGid: this.orderGid,
        rejectReason: this.reason,
        remarkInfo: this.remarkInfo
      }).then((res) => {
        if (res.body.code == 0) {
          this.chuShenQuery();
          this.detailsBox = false
        } else {
          this.$Message.success(this.$t('m.errorCode' + res.body.code));
        }
      })

    },
  },
  mounted: function () {
    if (sessionStorage.getItem('roles') == 'admin') {
      this.userAdmin = true
      this.noshow = 1
      this.chuShenQuery(1)
      this.chuShenQueryPerson()
      this.chuShenQueryPutUP()
    } else {
      this.adminFirstStatusData = 'checking_first' //初审员查看初审中状态
      this.adminPageSize = 100
      this.chuShenQuery()
      this.chuShenQueryPutUP()
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../static/style.css";
@import "../static/common.scss";
.remark_inprt {
  margin-left: 50px;
  width: 25%;
}
.btn-wrapper {
  margin-top: 12px;
  text-align: right;
}

.btn-wrapper a:hover,
.btn-wrapper a:active,
.btn-wrapper a:visited {
  color: #ffffff;
}
.admin_content{
  padding-top: 20px;
     clear: both;
}

  .items {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 250px;

    .label {
      overflow: hidden;
      white-space: inherit;
      text-align: right;
      color: #222;
      font-size: 14px;
      margin-right: 10px;
    }
  }
.zhuanzhuan {
  margin-bottom: 2px;
  position: relative;
}

.twoLoans {
  color: #fff;
  background: rgb(226, 61, 103);
  padding: 0px 5px;
  display: inline-block;
  border: rgb(226, 61, 103);
  margin-left: 5px;
  /* height: 20px; */
  font-size: 12px;
  /* transform: scale(0.7); */
}

.chuShen_box_title {
  color: #515a6e;
  margin: 0 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 75px;
}

.chuShen_box_list {
  margin: 15px;
}

.admin_head {
  height: 60px;
}

.admin_head_select {
  float: left;
}

.admin_head_select_button {
  float: right;
  width: 100px;
}

.admin_head_select_button_no {
  float: right;
  /* width: 100px; */
  opacity: 0.5;
}

.admin_page {
  float: right;
}

.details_head {
  overflow: hidden;
}

.details_head_title {
  height: 40px;
  font-size: 18px;
  font-weight: 700;
}

.ivu-modal-footer {
  border: 0px;
}

.ivu-modal-body {
  height: auto;
  overflow: hidden;
}

.passButton .btn-success {
  /* margin-left: 80px; */
  margin-left: 13%;
}

.passButton button {
  width: 15%;
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 10px;
  margin-left: 10px;
}
</style>
